// 动画效果平移实现
const container = document.querySelector('.container');
const signinbutton = document.querySelector('#switch-signin');
const signupbutton = document.querySelector('#switch-signup');
// 点击注册按钮时添加激活类
signupbutton.addEventListener('click', () => container.classList.add('right-panel-active'));
// 点击登录按钮时移除激活类
signinbutton.addEventListener('click', () => container.classList.remove('right-panel-active'));

// 用户注册头像上传
const avatarUpload = document.getElementById('avatarUpload');
const avatarPreview = document.getElementById('avatarPreview');

avatarUpload.addEventListener('change', function(e) {
    const file = e.target.files[0];
	// 检查文件大小（不超过1MB）
	const MAX_SIZE = 1 * 1024 * 1024; // 1MB
	if (file.size > MAX_SIZE) {
	    alert('头像图片大小不能超过1MB');
	    e.target.value = ''; // 清空文件选择
	    return;
	}
    if (file) {
        const reader = new FileReader();

        reader.onload = function(event) {
            avatarPreview.innerHTML = '';
            const img = document.createElement('img');
            img.src = event.target.result;
            avatarPreview.appendChild(img);
        }

        reader.readAsDataURL(file);
    }
});

// 用户数据存储和验证
let users = JSON.parse(localStorage.getItem('users')) || {};

// 发送验证码
document.getElementById('send_code').addEventListener('click', function(e) {
    e.preventDefault();
    const email = document.getElementById('email').value.trim();
    
    if (!validateEmail(email)) {
        alert('请输入有效的邮箱地址（包含@和.com）');
        return;
    }
    
    // 模拟发送验证码
    alert(`验证码已发送至 ${email}（模拟）\n测试验证码：123456`);
});

// 注册功能
document.querySelector('.sign-up-container form').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const username = document.getElementById('reg_username').value.trim();
    const password = document.getElementById('reg_password').value;
    const email = document.getElementById('email').value.trim();
    const verificationCode = document.querySelectorAll('input[type="text"]')[1].value.trim();
    const avatar = avatarPreview.querySelector('img') ? avatarPreview.querySelector('img').src : null;
    
    // 验证必填字段
    if (!username || !password || !email || !verificationCode) {
        alert('请填写所有字段');
        return;
    }
    
    // 验证验证码
    if (verificationCode !== '123456') {
        alert('验证码错误');
        return;
    }
    
    // 检查用户名是否已存在
    if (users[username]) {
        alert('用户名已存在');
        return;
    }
    
    // 存储用户数据
    users[username] = {
        username,
        password, // 注意：实际项目中应该加密存储
        email,
        avatar,
        createdAt: new Date().toISOString()//日期
        // win: 0,
        // lastwinAT: new Date().toDateString()
    };
    
    localStorage.setItem('users', JSON.stringify(users));
    alert('注册成功！请登录');
    container.classList.remove('right-panel-active');
    this.reset();
    avatarPreview.innerHTML = '<p>👤</p>';
});

// 登录功能
document.querySelector('.sign-in-container form').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const username = document.getElementById('login_username').value.trim();
    const password = document.getElementById('login_password').value;
    
    // 验证用户是否存在
    if (!users[username]) {
        alert('用户名不存在，请先注册');
        return;
    }
    
    // 验证密码是否正确
    if (users[username].password !== password) {
        alert('密码错误');
        return;
    }
    
    // 存储当前用户信息
    localStorage.setItem('currentUser', JSON.stringify(users[username]));
    
    // 跳转到首页
    window.location.href = 'index.html';
});

// 邮箱验证函数
function validateEmail(email) {
    const re = /\S+@\S+\.\S+/;
    return re.test(email);
}